// 女装组
$.getJSON('../mock/clothing(1).json', function (data) {
    // console.log(data);
    var str1 = data[0].woman[0];
    var str2 = data[0].woman[1];
    var str3 = data[0].woman[2];
    var str4 = data[0].woman[3];
    var str5 = data[0].woman[4];
    // 男装
    // var str6 = data[0].man[0];
    // console.log(data);
    // console.log(str6);
    // console.log($('.lz_rightul').children());
    // console.log($('.lz_rightImg-5'));
    // for()
    // page(str1, 0)
    function page(str1, str2) {
        $('.lz_rightul').children().eq(str2).mouseover(function () {
            var sdr1 = ''
            str1.forEach(function (value, index) {
                // console.log(value)
                // console.log(value);
                sdr1 += `<li>
                <div class="lzp-img">
                    <a href="#">
                        <img src="${value.url}"
                            alt="">
                    </a>
                </div>
                <div class="lzp-name">
                    <a href="#">${value.goods_name}</a>
                </div>
                <div class="lzp-price">¥${value.goods_price}</div>
            </li>
                `
                $('.lz_rightImg-5').eq(str2).html(sdr1)
            })
        })
    };
    $('.lz_rightul').children().eq(1).mouseover(function () {
        page(str1, 0)
    });
    $('.lz_rightul').children().eq(1).mouseover(function () {
        page(str2, 1)
    });
    $('.lz_rightul').children().eq(1).mouseover(function () {
        page(str3, 2)
    });
    $('.lz_rightul').children().eq(1).mouseover(function () {
        page(str4, 3)
    });
    $('.lz_rightul').children().eq(1).mouseover(function () {
        page(str5, 4)
    });
});




// 男装
$.getJSON('../mock/clothing(1).json', function (data) {
    showPage(data[0].man[0])
    $('lz_rightul_li1').mouseover(function () {
        $(this).addClass('lzon').parent().siblings().children("a").removeClass('on3');
        var onIndex = $(this).addClass('on3').parent().index();
        showPage(data[0].man[0]);
    })
})
function showPage(data) {
    var pageData = ` `;
    for (var i = 0; i < data.length; i++) {
        console.log(data.length);
        pageData += `
        <li>
        <div class="hot_bot_img">
            <a href="">
                <img src="${data[i].url}" alt="">
            </a>
        </div>
        <div class="price">${data[i].goods_price}</div>
        <div class="hot_name">
            <a href="">
                ${data[i].goods_name}
            </a>
        </div>
        <div class="btn">
            <a href="">
                查看详情
            </a>
        </div>
    </li>
    `
    }
    $('.hot_bot_list').html(pageData);
}
